$(function () {
  /* 登录功能思路

      1.给登录按钮注册点击事件
      2.阻止默认跳转事件（表单submit会自动跳转页面）

      3.获取用户名和密码
      4.非空判断

      5.ajax发送请求(接口文档的请求三要素)
      6.处理响应结果   a.成功：跳转管理系统首页    b.失败：提示用户
  */

  // 请求基地址
  const baseURL = 'http://localhost:8080/api/v1'

  //  1.给登录按钮注册点击事件
  $('.input_sub').click((e) => {
    // 2.阻止默认跳转事件，否则点击按钮后，页面会刷新
    e.preventDefault()
    // 3.获取用户名
    const username = $('.input_txt').val().trim()
    const password = $('.input_pass').val().trim()
    // 4.非空判断
    if (username === '' || password === '') {
      // 4.1 出现错误，记得 return 退出事件处理函数
      return alert('用户名或密码不允许为空')
    }
    console.log({ username, password })
    // 5.ajax发送请求
    $.ajax({
      method: 'post',
      // 注意url需要拼接： 基地址 + 请求地址
      url: baseURL + '/admin/user/login',
      data: {
        username: username,
        password: password,
      },
      success: (res) => {
        console.log(res)
        // 6.处理响应结果   a.成功：跳转管理系统首页    b.失败：提示用户
        if (res.code === 200) {
          alert('✅' + res.msg)
          // 把登录成功后，服务器派发的 token 存储起来
          localStorage.setItem('token', res.token)
          // 注意地址栏的跳转，永远都是相当于于地址栏上的地址，不是相对于 js 文件。
          location.href = 'index.html'
        } else {
          // alert('❌' + res.msg)
          // keyboard: true	键盘上的 esc 键被按下时关闭模态框。
          $('.modal').modal({ keyboard: true })
          $('.modal-body > p').text('❌' + res.msg)
        }
      },
    })
  })
})
